var indexNews = Vue.extend({

data(){
  return{

  };
},
mounted: function() {
    this.$nextTick(function() {
        this.TouchSlide();
    });
},
methods: {
    TouchSlide(){
        TouchSlide({ 
            slideCell:"#slideBox", 
            titCell:".hd li",
            mainCell:".bd ul",
            effect:"leftLoop"
    //              autoPlay:true//自动播放
        });
        TouchSlide({ 
            slideCell:"#news_slide",
            mainCell:".bd ul",
            effect:"leftLoop",
            autoPlay:true//自动播放
        });
    }
},

template:'\
<div style="padding-top: 20px;">\
    <div class="container nes">\
        <div class="row">\
            <div class="top">\
                <span>新闻资讯</span>\
                <i>NEWS</i>\
                <em></em>\
            </div>\
            <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">\
                <div id="news_slide" class="news_slide_box">\
                    <div class="bd">\
                        <div class="tempWrap">\
                            <ul>\
                                <li>\
                                    <a class="pic" href="news_show.html">\
                                        <img src="images/pro1.jpg">\
                                        <span class="title">鸡蛋上的喷码标记对健康有影响吗</span></a>\
                                </li>\
                                <li>\
                                    <a class="pic" href="news_show - 5.html">\
                                        <img src="images/pro2.jpg">\
                                        <span class="title">物流配送对快递单扫描枪的要求</span></a>\
                                </li>\
                                <li>\
                                    <a class="pic" href="news_show - 4.html">\
                                        <img src="images/pro3.jpg">\
                                        <span class="title">子面单相较传统面单有哪些优势？</span></a>\
                                </li>\
                                <li>\
                                    <a class="pic" href="news_show - 5.html">\
                                        <img src="images/pro4.jpg">\
                                        <span class="title">物流配送对快递单扫描枪的要求</span></a>\
                                </li>\
                            </ul>\
                        </div>\
                    </div>\
                    <span class="prev"></span>\
                    <span class="next"></span>\
                </div>\
            </div>\
            <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">\
                <ul class="news_list">\
                    <li>\
                        <div class="news_pic col-lg-3 col-md-3 col-sm-4 col-xs-12">\
                            <a href="news_show.html" class="">\
                                <img src="images/pro1.jpg"></a>\
                        </div>\
                        <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">\
                            <a href="news_show.html" class="news_tit">鸡蛋上的喷码标记对健康有影响吗</a>\
                            <p class="news_time">2017-07-07</p>\
                            <p class="news_desc">鸡蛋，因为其营养很适合人体的需要，极易吸收，且价格亲民，是生活中最常的一种食物。随着生活水平和消费能力的逐渐提高，大家越来越开始关注健康饮食，这也是为什么我们现在在市场看到</p></div>\
                    </li>\
                    <li>\
                        <div class="news_pic col-lg-3 col-md-3 col-sm-4 col-xs-12">\
                            <a href="news_show - 5.html" class="">\
                                <img src="images/pro2.jpg"></a>\
                        </div>\
                        <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">\
                            <a href="news_show - 5.html" class="news_tit">物流配送对快递单扫描枪的要求</a>\
                            <p class="news_time">2017-07-07</p>\
                            <p class="news_desc">近来来，随着物联网信息化的发展，快递扫描枪在现代物流发展中已得到广泛应用，其技术同自动识别技术、无线通信技术和数据库技术的集成一体化，是现代物流信息自动获取和实时传输的重要发展方向。</p></div>\
                    </li>\
                    <li>\
                        <div class="news_pic col-lg-3 col-md-3 col-sm-4 col-xs-12">\
                            <a href="news_show - 4.html" class=""><img src="images/pro3.jpg"></a>\
                        </div>\
                        <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">\
                            <a href="news_show - 4.html" class="news_tit">子面单相较传统面单有哪些优势？</a>\
                            <p class="news_time">2017-07-07</p>\
                            <p class="news_desc">电子面单，是指使用不干胶热敏纸按照物流公司的规定要求打印客户收派件信息的面单。目前电子面单在国外已经成功运用多年，而在国内，京东、当当、易迅、一号店等从自建初期就使用了电子面单</p></div>\
                    </li>\
                </ul>\
            </div>\
        </div>\
    </div>\
</div>\
',

});